<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>B-JUI 客户端框架</title>
    <meta name="Keywords" content=""/>
    <meta name="Description" content=""/>
    <!-- bootstrap - css -->
    <link href="${ctx}/static/js/ui/themes/css/bootstrap.css" rel="stylesheet">
    <!-- core - css -->
    <link href="${ctx}/static/js/ui/themes/css/style.css" rel="stylesheet">
    <link href="${ctx}/static/js/ui/themes/blue/core.css" id="bjui-link-theme" rel="stylesheet">
    <!--[if lte IE 7]>
    <link href="${ctx}/static/js/ui/themes/css/ie7.css" rel="stylesheet">
    <![endif]-->
    <link href="${ctx}/static/js/ui/themes/css/FA/css/font-awesome.min.css" rel="stylesheet">
    <link href="${ctx}/static/js/plugins/bootstrap/bootstrap-select.css" rel="stylesheet">

    <!-- 自定义样式扩展  -->
    <link href="${ctx}/static/css/exts.css" rel="stylesheet">

    <script src="${ctx}/static/js/plugins/jquery/jquery-1.11.3.min.js"></script>
    <script src="${ctx}/static/js/plugins/jquery/jquery.cookie.js"></script>
    <script src="${ctx}/static/js/plugins/jquery/jquery.tmpl.js"></script>
    <#--<script src="${ctx}/static/js/plugins/pagination/mricode.pagination.js"></script>-->
    <!-- BJUI.all 分模块未压缩版 -->
    <script src="${ctx}/static/js/ui/bjui-all.js"></script>
    <script src="${ctx}/static/js/ui/ui.js"></script>
    <!-- bootstrap plugins -->
    <script src="${ctx}/static/js/plugins/bootstrap/bootstrap.min.js"></script>
    <script src="${ctx}/static/js/plugins/bootstrap/bootstrap-select.min.js"></script>
    <script src="${ctx}/static/js/plugins/bootstrap/defaults-zh_CN.min.js"></script>
    <!-- ztree -->
    <script src="${ctx}/static/js/plugins/ztree/jquery.ztree.all-3.5.js"></script>
    <!-- layer -->
    <link href="${ctx}/static/js/plugins/layer/skin/layer.css" rel="stylesheet">
    <script src="${ctx}/static/js/plugins/layer/layer.js"></script>

</head>
<body>
<div id="bjui-window">
    <header id="bjui-header">
        <!-- logo --><!-- 快捷菜单(消息、用户信息、切换皮肤) -->
        <div class="bjui-navbar-header">
            <button type="button" class="bjui-navbar-toggle btn-default" data-toggle="collapse"
                    data-target="#bjui-navbar-collapse">
                <i class="fa fa-bars"></i>
            </button>
            <a class="bjui-navbar-logo" href="#"><img src="${ctx}/static/images/logo.png"></a>
        </div>
        <!-- 信息栏 -->
        <nav id="bjui-navbar-collapse">
            <ul class="bjui-navbar-right">
                <li class="datetime">
                    <div><span id="bjui-date"></span> <span id="bjui-clock"></span></div>
                </li>
                <li><a href="#">消息 <span class="badge">4</span></a></li>
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">我的账户 <span
                        class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="changepwd.html" data-toggle="dialog" data-id="changepwd_page" data-mask="true"
                               data-width="400" data-height="260">&nbsp;<span class="glyphicon glyphicon-lock"></span>
                            修改密码&nbsp;</a></li>
                        <li><a href="#">&nbsp;<span class="glyphicon glyphicon-user"></span> 我的资料</a></li>
                        <li class="divider"></li>
                        <li><a href="login.html" class="red">&nbsp;<span class="glyphicon glyphicon-off"></span>
                            注销登陆</a></li>
                    </ul>
                </li>
                <li class="dropdown"><a href="#" class="dropdown-toggle theme blue" data-toggle="dropdown" title="切换皮肤"><i
                        class="fa fa-tree"></i></a>
                    <ul class="dropdown-menu" role="menu" id="bjui-themes">
                        <li><a href="javascript:;" class="theme_default" data-toggle="theme" data-theme="default">&nbsp;<i
                                class="fa fa-tree"></i> 黑白分明&nbsp;&nbsp;</a></li>
                        <li><a href="javascript:;" class="theme_orange" data-toggle="theme" data-theme="orange">&nbsp;<i
                                class="fa fa-tree"></i> 橘子红了</a></li>
                        <li><a href="javascript:;" class="theme_purple" data-toggle="theme" data-theme="purple">&nbsp;<i
                                class="fa fa-tree"></i> 紫罗兰</a></li>
                        <li class="active"><a href="javascript:;" class="theme_blue" data-toggle="theme"
                                              data-theme="blue">&nbsp;<i class="fa fa-tree"></i> 天空蓝</a></li>
                        <li><a href="javascript:;" class="theme_green" data-toggle="theme" data-theme="green">&nbsp;<i
                                class="fa fa-tree"></i> 绿草如茵</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <!-- 横向菜单 -->
        <div id="bjui-hnav">
            <button type="button" class="btn-default bjui-hnav-more-left" title="导航菜单左移"><i
                    class="fa fa-angle-double-left"></i></button>
            <div id="bjui-hnav-navbar-box">
                <ul id="bjui-hnav-navbar">
                    <li class="active" data-url="${ctx}/data/default_1.txt"><a href="javascript:;"
                                                                               data-toggle="slidebar"><i
                            class="fa fa-check-square-o"></i> 顶岗实习系统</a></li>
                    <li data-url="${ctx}/data/default_2.txt"><a href="javascript:;" data-toggle="slidebar"><i
                            class="fa fa-bank"></i> 办公OA系统</a></li>
                    <li data-url="${ctx}/data/default_3.txt"><a href="javascript:;" data-toggle="slidebar"><i
                            class="fa fa-heart"></i> 网站门户系统</a></li>
                    <li><a href="javascript:;" data-toggle="slidebar"><i class="fa fa-plane"></i> 数据分析系统</a></li>
                    <li><a href="javascript:;" data-toggle="slidebar"><i class="fa fa-image"></i> 网盘文件系统</a></li>
                    <li><a href="javascript:;" data-toggle="slidebar"><i class="fa fa-coffee"></i> 学生综合系统</a></li>
                    <li><a href="javascript:;" data-toggle="slidebar"><i class="fa fa-bug"></i> 宿舍管理系统</a></li>
                    <li><a href="javascript:;" data-toggle="slidebar"><i class="fa fa-database"></i> 微信平台系统</a></li>
                    <li><a href="javascript:;" data-toggle="slidebar"><i class="fa fa-file-word-o"></i> 在线文档</a></li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i
                            class="fa fa-cog"></i> 系统设置 <span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#">角色权限</a></li>
                            <li><a href="#">用户列表</a></li>
                            <li class="divider"></li>
                            <li><a href="#">关于我们</a></li>
                            <li class="divider"></li>
                            <li><a href="#">友情链接</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <button type="button" class="btn-default bjui-hnav-more-right" title="导航菜单右移"><i
                    class="fa fa-angle-double-right"></i></button>
        </div>
    </header>
    <div id="bjui-container" class="clearfix">
        <!-- 导航栏 -->
        <div id="bjui-leftside">

            <div id="bjui-sidebar-s">
                <div class="collapse"></div>
            </div>
            <div id="bjui-sidebar">
                <div class="toggleCollapse"><h2><i class="fa fa-bars"></i> 导航栏 <i class="fa fa-bars"></i></h2><a
                        href="javascript:;" class="lock"><i class="fa fa-lock"></i></a></div>
                <input type="text" data-toggle="lookup">
                <div class="panel-group panel-main" data-toggle="accordion">
                    <div class="panel-group panel-main collapse in" data-toggle="accordion" id="bjui-accordionmenu">
                        <div class="panel panel-default collapse in">
                            <div class="panel-heading active">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#bjui-accordionmenu"
                                       href="#bjui-collapse0"><i class="icon icon-cog"></i>系统设置<b><i
                                            class="fa fa-angle-down"></i></b></a>
                                </h4>
                            </div>
                            <div id="bjui-collapse0" class="panel-collapse collapse in">
                                <div class="panel-body">
                                    <ul class="menu-items" data-faicon="table">
                                        <li data-url="dialog.html" nav-id="table" title="系统菜单"><a href="javascript;"><i class="iconz icon-world-link"></i>系统菜单</li></a>
                                        <li data-url="alert.html" nav-id="table-fixed" title="资源分配"><a href="javascript;"><i class="iconz icon-group-link"></i>资源分配</a></li>
                                        <li data-url="table-edit.html" nav-id="table-edit" title="系统键值"><a href="javascript;"><i class="iconz icon-application-key"></i>系统键值</a></li>
                                        <li data-url="table-ss.html" nav-id="table-ss" title="数据字典"><a href="javascript;"><i class="iconz icon-book"></i>数据字典</a></li>
                                        <li data-url="user-list.html" nav-id="user-list" title="测试列表"><a href="javascript;" title=""><i class="iconz icon-report-user"></i>测试列表</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default collapse in">
                            <div class="panel-heading active">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#bjui-accordionmenu" href="#bjui-collapse1"><i class="icon icon-page-white-gear"></i>系统日志<b><i class="fa fa-angle-down"></i></b></a>
                                </h4>
                            </div>
                            <div id="bjui-collapse1" class="panel-collapse collapse in">
                                <div class="panel-body">
                                    <ul class="menu-items" data-faicon="table">
                                        <li data-url="table-xx.html" nav-id="table-xx" title="用户访问"><a href="javascript;"><i class="iconz icon-page-white-text"></i>用户访问</a></li>
                                        <li data-url="table-zz.html" nav-id="table-zz" title="资异常请求"><a href="javascript;"><i class="iconz icon-page-white-text"></i>异常请求</a></li>
                                        <li data-url="${ctx}/logs/request_list.jhtml" nav-id="table-dd" title="业务操作"><a href="javascript;"><i class="iconz icon-page-white-text"></i>业务操作</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 工作区(navtab) -->
        <div id="bjui-navtab" class="tabsPage">
            <div class="tabsPageHeader">
                <div class="tabsPageHeaderContent">
                    <ul class="navtab-tab nav nav-tabs">
                        <li data-url="main.html" data-faicon="home"><a href="javascript:;"><span><i
                                class="fa fa-home"></i> #maintab#</span></a></li>
                    </ul>
                </div>
                <div class="tabsLeft"><i class="fa fa-angle-double-left"></i></div>
                <div class="tabsRight"><i class="fa fa-angle-double-right"></i></div>
                <div class="tabsMore"><i class="fa fa-angle-double-down"></i></div>
            </div>
            <ul class="tabsMoreList">
                <li><a href="javascript:;">#maintab#</a></li>
            </ul>
            <div class="navtab-panel tabsPageContent">
                <div class="navtabPage unitBox">
                    <div class="bjui-pageContent" style="background:#FFF;">
                        Loading...
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <footer id="bjui-footer">
        Copyright &copy; 2013 - 2015　<a href="http://www.cdjinyang.com/" target="_blank">成都锦杨科技</a>　
    </footer>
</div>
<script type="text/javascript">
    $(function () {
        window['WEBPATH'] = "${ctx}";
        BJUI.init({
            JSPATH: '${ctx}/static/js/ui/',         //[可选]框架路径
            PLUGINPATH: '${ctx}/static/js/plugins/', //[可选]插件路径
            loginInfo: {url: 'login_timeout.html', title: '登录', width: 400, height: 200}, // 会话超时后弹出登录对话框
            statusCode: {ok: 200, error: 300, timeout: 301}, //[可选]
            ajaxTimeout: 50000, //[可选]全局Ajax请求超时时间(毫秒)
            pageInfo: {
                total: 'total',
                pageCurrent: 'pageNum',
                pageSize: 'pageSize',
                orderField: 'orderField',
                orderDirection: 'orderDirection'
            }, //[可选]分页参数
            alertMsg: {displayPosition: 'topcenter', displayMode: 'slide', alertTimeout: 3000}, //[可选]信息提示的显示位置，显隐方式，及[info/correct]方式时自动关闭延时(毫秒)
            keys: {statusCode: 'statusCode', message: 'message'}, //[可选]
            ui: {
                windowWidth: 0, //框架显示宽度，0=100%宽，> 600为则居中显示
                showSlidebar: true, //[可选]左侧导航栏锁定/隐藏
                clientPaging: false, //[可选]是否在客户端响应分页及排序参数
                overwriteHomeTab: false //[可选]当打开一个未定义id的navtab时，是否可以覆盖主navtab(我的主页)
            },
            debug: true,    // [可选]调试模式 [true|false，默认false]
            theme: 'sky' // 若有Cookie['bjui_theme'],优先选择Cookie['bjui_theme']。皮肤[五种皮肤:default, orange, purple, blue, red, green]
        })

        $('ul#bjui-hnav-navbar>li').bind('click', function(){
            $(this).siblings().removeClass("active").end().addClass("active");
//            $.get($(this).attr('data-url'),function(nodes){
//                $.fn.zTree.init($("#treeDemo"), {}, nodes);
//            },'json');
        });
        // main - menu

        $("div.panel").each(function (i) {
            $("div#bjui-collapse" + i).collapse("toggle");
        });
        $(document).on('click', 'ul.menu-items li', function (e) {
            $(this).navtab({
                id: $(this).attr('nav-id'),
                url: $(this).attr('data-url'),
                icon: $(this).find(">a>i").attr("class"),
                title: $(this).attr('title')
            });

//            var $a = $(this), $li = $a.parent(), options = $a.data('options').toObj(), $children = $li.find('> .menu-items-children')
//            var onClose = function() {
//                $li.removeClass('active')
//            }
//            var onSwitch = function() {
//                $('#bjui-accordionmenu').find('ul.menu-items li').removeClass('switch')
//                $li.addClass('switch')
//            }
//
//            $li.addClass('active')
//            if (options) {
//                options.url      = $a.attr('href')
//                options.onClose  = onClose
//                options.onSwitch = onSwitch
//                options.icon = $a.find(">i").attr("class");
//                if (!options.title) options.title = $a.text()
//
//                if (!options.target)
//                    $a.navtab(options)
//                else
//                    $a.dialog(options)
//            }
//            if ($children.length) {
//                $li.toggleClass('open')
//            }

            e.preventDefault()
        })

        new $A({});

        //时钟
        var today = new Date(), time = today.getTime()
        $('#bjui-date').html(today.formatDate('yyyy/MM/dd'))
        setInterval(function () {
            today = new Date(today.setSeconds(today.getSeconds() + 1))
            $('#bjui-clock').html(today.formatDate('HH:mm:ss'))
        }, 1000)
    });
    //    //菜单-事件
    //    function MainMenuClick(treeId) {
    //        var zTree = $.fn.zTree.getZTreeObj(treeId);
    //        alert(zTree);
    ////        if (treeNode.target && treeNode.target == 'dialog')
    ////            $(event.target).dialog({id:treeNode.tabid, url:treeNode.url, title:treeNode.name})
    ////        else
    ////            $(event.target).navtab({id:treeNode.tabid, url:treeNode.url, title:treeNode.name, fresh:treeNode.fresh, external:treeNode.external})
    //    }
</script>

</body>
</html>